
<template>
  <el-affix :offset="50">
  <el-row class="tac">
    <el-col :span="12">

      <el-menu
          style="width: 200px;min-height: calc(100vh - 50px);height: 100%"
          active-text-color="#ffd04b"
          background-color="#545c64"
          class="el-menu-vertical-demo"
          default-active="2"
          text-color="#fff"
          @select="sell"
          :router="true"
      >
        <el-menu-item index="/sms/sell" @click="toSell">
          <el-icon><ShoppingCartFull /></el-icon>
          <span style="font-size: 20px" >收银</span>
        </el-menu-item>
        <el-menu-item index="/sms/goodsdisplay" >
          <el-icon><Goods /></el-icon>
          <span style="font-size: 20px" >商品</span>
        </el-menu-item>
        <el-menu-item index="3">
          <el-icon><Coin /></el-icon>
          <span style="font-size: 20px">收益</span>
        </el-menu-item>
        <el-menu-item index="4">
          <el-icon><setting /></el-icon>
          <span style="font-size: 20px">设置</span>
        </el-menu-item>
      </el-menu>

    </el-col>
  </el-row>
  </el-affix>
</template>

<script >
import store from "@/store";

export default {
  name: "MENU",
  data(){
    return{
      sellUrl:"/sms/sell"
    }
  },
  methods:{
    toSell(){
      store.commit("setData",'')
      console.log("餐单")
    }
  }
}
</script>
<script setup>
  import {
    Goods,
    ShoppingCartFull,
    Setting,
    Coin
  } from '@element-plus/icons-vue'
  import sell from "@/components/sell/Sell";



</script>

<style scoped>

</style>
